<template>
    <div class="f-block-title">
        <span></span>
        {{ title }}
    </div>
</template>

<script>
    /**
     * Created by c.y on 2018/3/16.
     * 组件的命名 项目名（F---filean) + 组件的描述（区别与框架的组件）
     * 每一个板块的title
     */
    export default {
        name: 'f-block-title',
        props: {
            title: {
                type: String,
                required: true
            }
        }
    }
</script>

<style lang="less">
    @import "../../style/mixin";
    .f-block-title {
        position: relative;
        padding: 15px 0 11px 12px;
        font-size: @font-size-primary;
        line-height: 18px;
        color: @color-text-primary;
        background-color: @color-white;
        &:after {
            .setBottomLine(@color-divider-regular);
        }
        span {
            display: inline-block;
            width: 2px;
            height: 18px;
            margin-right: 10px;
            vertical-align: middle;
            background-color: @color-primary;
        }
    }
</style>
